<?php 
$this->total = key($this->total) - $this->total[key($this->total)];
?>
<script>

var total = <?php echo $this->total; ?>;
var ultimoDesconto = "";
var fecharConta = true;
var pagamentos = Array();
var contPag = 0;
var total_realizado = 0;

function descontaTotal()
{
	
}

function salvarFormaPagamento()
{
	var strJson = "";

	for(var i = 0; i < pagamentos.length; i++)
	{
		strJson += '{"valor_pago": "' + pagamentos[i]["valor_pago"] + '", "tipo_pagamento": "' + pagamentos[i]["id_tipo_pagamento"] + '", "ordem": "' + idDisablePedido + '"}';

		if(i != (pagamentos.length - 1))
		{
			strJson += ",";
		}
	}

	//var jsonPag = eval('([' + str + '])');
	//alert(jsonPag[2].valor_pago);

	$.post("pedido/ajax-salvar-pagamento", {json: strJson});

	$(".cancelar").click();
	
	disactivePedido();
}

var modificarValor = function ()
{
	$('#forma_pagamento').animate({opacity: 1});
	
	var totalDescontar = $("#total-descontar").html();
	var tototal   = String($(".valor_total_desconto").html());
	var auxttValtotal = parseDecimal(String(parseFloat(total) - total_realizado));

	if(!totalDescontar || totalDescontar == 0)
	{
		if(parseFloat(tototal.replace(",",".")) == total)
		{
			var auxTotal = String(total);
			//$("#total-descontar").html(auxTotal.replace(".", ","));
		
		}
		else
		{
			var auxTotal = String(totalDescontar);

			auxTotal = auxTotal.replace(".", ",");
			totalDescontar = totalDescontar.replace(",", ".");
			
			//$("#total-descontar").html(ultimoDesconto);
		}
		
		return msg({vmsg: "Desconto vazio."});
	}

	totalDescontar = totalDescontar.replace(",", ".");

	var total_geral_ = parseFloat(total) - parseFloat(totalDescontar);

	var aux = String(parseFloat(total_geral_));

	var aux = parseDecimal(aux);

	var aux = aux.replace(".",",");
	var auxVlTotal4 = String($(".valor_total").html());

	if(total_geral_ == 0 || total_geral_ == "NaN" || !total_geral_ || totalDescontar == parseFloat(auxVlTotal4.replace(",",".")))
	{
		//aux = total;
		$("#proximo_passo").html("<strong>Fechar Conta</strong>");

		//$(".faltam-div").fadeOut("fast", function(){$(".total-pagamento-realizado").fadeOut("fast");});

		fecharConta = true;
	}
	else{
		$("#proximo_passo").html("<strong>Proximo Pagamento</strong>");

		fecharConta = false;
	}


	ultimoDesconto = parseDecimal(totalDescontar);

	var auxVlt = parseDecimal(total_realizado);
	var auxVltot = parseDecimal(String(parseFloat(total) - (total_realizado)));

	//$(".valor_total").html(auxVltot);
	//$(".valor_total_desconto").html(auxVlt);
	$("#total-descontar").html(parseDecimal(totalDescontar));
	
	
}

function avancarFP()
{
	var totalDescontar = String($("#total-descontar").html());
	var auxtotdescont = parseDecimal(totalDescontar.replace(",","."));
	var valor_total = String($(".valor_total").html());
	var auxtovalor_total = parseDecimal(valor_total.replace(",","."));
	
	if(!$("input:radio[name=fp_radio]:checked").val())
	{
		return msg({vmsg: "Selecione uma forma de pagamento."});
	}

	if(auxtotdescont>auxtovalor_total&&auxtovalor_total!="0,00")
	{
		return msg({vmsg: "Valor do desconto maior que o total."});
	}
	if(auxtotdescont>parseDecimal(total))
	{
		return msg({vmsg: "Valor do desconto maior que o total."});
	}

	var pag = "";
	var len = pagamentos.length;
	var itens = Array();
	var id_tp = $("input:radio[name=fp_radio]:checked").val();
	var str_tp;
	total_realizado = 0;

	switch(parseInt(id_tp)){
		case 1: str_tp = "Cartao de Credito";
		break;
		case 2: str_tp = "Cartao de Debito";
		break;
		case 3: str_tp = "Dinheiro";
		break;
	}

	var desc = String($("#total-descontar").html());
	var html = "";

	desc = desc.replace(".","");

	itens["valor_pago"] = parseDecimal(parseFloat(desc.replace(",", ".")));
	itens["id_tipo_pagamento"] = id_tp;
	itens["tipo_pagamento"] = str_tp;
	itens["cancelado"] = false;
	itens["id"] = len;
	
	pagamentos[len] = itens;
	
	for(var i = 0; i <= len; i++)
	{
		if(!pagamentos[i]["cancelado"])
		{
			var auxdo = pagamentos[i]["valor_pago"];
			auxdo = total_realizado + parseFloat(auxdo.replace(",","."));
			total_realizado = auxdo;
		}
		
		var iten_id_pagamento = "<td align='center' width='10%'>" + (i + 1) + "</td>";
		var tipo_pagamento = "<td>" + pagamentos[i]["tipo_pagamento"] + "</td>";
		var valor_pago     = "<td width='1%'>R$" + pagamentos[i]["valor_pago"] + "</td>";

		if(pagamentos[i]["cancelado"]){
			var colorFont = "color: red; font-size: 10px; opacity: 0.4; ";
			var excluir   = "<td width='1%' align='center'><div class='div_cancelado' style='width: 100px; text-algin: center;' >Cancelado</div></td>";
		}else{
			var colorFont = "";
			var excluir = "<td align='center' width='1%' onclick='excluir(" + pagamentos[i]["id"] + ");'><div  style='padding: 10px 0 10px 0; width: 100px;' ><a href='javascript:;'>Cancelar</a></div></td>";
		}
		
		html += "<tr style='background-color: #f1f1f1; " + colorFont + "'>" + iten_id_pagamento + tipo_pagamento + valor_pago + excluir + "</tr>";
	}

	var aux3 = String(parseDecimal(parseFloat(total_realizado)));

	$(".valor_total_desconto").html(parseDecimal(String(parseFloat(total_realizado))));
	$(".valor_total").html(parseDecimal(String(parseFloat(total) - parseFloat(aux3.replace(",",".")))));
	
	$("#resumo-pagamento").html("<table style='font-size: 14px;' cellspacing='1' cellpadding='5' width='100%' class='table_resumo'>" + html + "</table>");

	if(total_realizado == total)
	{
		//alert("asd");
		salvarFormaPagamento();
	}
	else
	{
		$(".total-pagamento-realizado").fadeIn("fast", function(){$(".faltam-div").fadeIn("fast");});
	}

	return;
	
}

function excluir(id)
{
	var len = pagamentos.length;
	var html2;

	pagamentos[id]["cancelado"] = true;

	for(var i = 0; i < len; i++)
	{
		
		var iten_id_pagamento = "<td align='center' width='10%'>" + (i + 1) + "</td>";
		var tipo_pagamento    = "<td>" + pagamentos[i]["tipo_pagamento"] + "</td>";
		var valor_pago        = "<td width='1%'>R$" + pagamentos[i]["valor_pago"] + "</td>";
		
		if(pagamentos[i]["cancelado"]){
			var colorFont = "color: red; font-size: 10px; opacity: 0.5; ";
			var excluir   = "<td width='1%' align='center'><div class='div_cancelado' style='width: 100px; text-algin: center;' >Cancelado</div></td>";
		}else{
			var colorFont = "";
			var excluir = "<td width='1%' align='center' onclick='excluir(" + pagamentos[i]["id"] + ");'><div  style='padding: 10px 0 10px 0; width: 100px;' ><a href='javascript:;'>Cancelar</a></div></td>";
		}

		
		html2 += "<tr style='background-color: #f1f1f1; " + colorFont  + "'>" + iten_id_pagamento + tipo_pagamento + valor_pago + excluir + "</tr>";
	}

	$("#resumo-pagamento").html("<table style='font-size: 14px;' cellspacing='1' cellpadding='5' width='100%' class='table_resumo'>" + html2.replace("undefined", "") + "</table>");

	var valor_pagamento = converterStringParaDecimalPonto(pagamentos[id]["valor_pago"]);

	///val_desconto = val_desconto - ;

	atualizarValores(valor_pagamento);
}

function atualizarValores(val)
{
	var val_desconto = converterStringParaDecimalPonto($(".valor_total_desconto").html());

	val_desconto = val_desconto - val;
	
	$(".valor_total_desconto").html(parseDecimal(val_desconto));
	$(".valor_total").html(parseDecimal(total - val_desconto));

	if(!val_desconto)
	{
		$(".faltam-div").fadeOut("fast", function(){$(".total-pagamento-realizado").fadeOut("fast");});
	}
}

function converterStringParaDecimalPonto(val)
{
	var val = String(val);
	
	return parseFloat(val.replace(",", "."));
}

function converterFloatParaDecimalVirgula(floatVal)
{
	alert(parseDecimal(floatVal));
	var val = String(val);
	
	return parseFloat(val.replace(",", "."));
}

var dividirConta = function (num)
{
	$('#forma_pagamento').animate({opacity: 1}, 300);

	if(num == 0)
	{
		$("#total-descontar").html(parseDecimal(total));

		$("#proximo_passo").html("<strong>Fechar Conta</strong>");

		//$(".faltam-div").fadeOut("fast", function(){$(".total-pagamento-realizado").fadeOut("fast");});

		fecharConta = true;

		return;
	}

	var aPagar = parseFloat($(".valor_total").html().replace(",","."));
	//var dividir = parseInt($(".quantos-dividir").html());

	if(!aPagar)
	{
		aPagar = total;
	}

	
	var totalPorPessoa = aPagar/parseInt(num);

	$("#total-descontar").html(parseDecimal(totalPorPessoa));

	//$(".total-pagamento-realizado").fadeIn("fast", function(){$(".faltam-div").fadeIn("fast");});
	$("#proximo_passo").html("<strong>Proximo Pagamento</strong>");

	fecharConta = false;
}

function dividir()
{
	$('#forma_pagamento').animate({opacity: 0.7}, 300);
	keybnumShow({elm: '.quantos-dividir', title: 'Dividir em quantos?'}, dividirConta);
}

</script>

<div id="forma_pagamento" class="ui-corner-all" style="border: 1px solid #B0ADAD; padding: 10px; background: white; position: fixed; z-index: 981; top: 30px; width: 500px; left: 50%; margin-left: -250px;">
	<div id="titlekeyNum" class="ui-widget ui-corner-all" style="font-size: 22px; padding-top: 2px; padding-bottom: 4px; text-align: left; color: gray">
		Pagamento.
	</div>
	<div id="resumo-pagamento">
	</div>
	<hr style="border-top: 1px dashed gray; margin-top: 5px; margin-bottom: 5px;" />
	<table class="sort" width="100%" cellspacing="1" cellpadding="5" style="font-size: 15px; border: 1px solid #DFDFDF">
		<tbody>
			<tr style="background-color: #f1f1f1;" onclick="$('#cartao_credito_radio').click();">
				<td width="1%" style="padding: 10px;">
					<input type="radio" id="cartao_credito_radio" value="1" name="fp_radio" />
				</td>
				<td style="padding: 10px;">
					Cartao de Credito
				</td>
			</tr>
			<tr onclick="$('#cartao_debito_radio').click();">
				<td width="1%" style="padding: 10px;">
					<input type="radio" id="cartao_debito_radio" value="2" name="fp_radio" />
				</td>
				<td style="padding: 10px;">
					Cartao de Debito
				</td>
			</tr>
			<tr style="background-color: #f1f1f1;" onclick="$('#dinheiro_radio').click();">
				<td width="1%" style="padding: 10px;">
					<input type="radio" id="dinheiro_radio" value="3" name="fp_radio" />
				</td>
				<td style="padding: 10px;">
					Dinheiro
				</td>
			</tr>
		</tbody>
	</table>
	<table width="100%" cellspacing="1" cellpadding="5" style="font-size: 18px; border: 1px solid #DFDFDF; margin-top: 5px;">
		<tr>
			<td>
				<span class="">
					Descontar 
					<font color="red">
					R$
					</font>
					<span style="color: red;" id="total-descontar">
					<?php echo Num::money($this->total); ?>
					</span>
				</span>
				&nbsp;
				|
				<span style="padding: 5px;">
				<a style="padding: 5px;  text-decoration: underline;" href="javascript:;" 
				onclick="$('#forma_pagamento').animate({opacity: 0.7}, 300); keybnumShow({elm: '#total-descontar', title: 'Novo Valor'}, modificarValor);" >
				Modificar valor
				</a>
				</span>
				|
				<span style="padding: 5px;">
				<a style="padding: 5px;  text-decoration: underline;" href="javascript:;" 
				onclick="dividir();" >
				Dividir
				[
				<span class="quantos-dividir">
				1
				</span>
				]
				</a>
				</span>
			</td>
		</tr>
	</table>
	
	<hr style="border-top: 1px dashed gray; margin-top: 5px; margin-bottom: 5px;" />
	
	<table width="100%" cellspacing="1" cellpadding="5" style="font-size: 15px;">
		<tr>
			<td>
				<strong>
				Total a Pagar
				</strong>
			</td>
			<td width="1%" style="background: #FFEFEF; border: 1px solid #CFCFCF; border-top: 0; border-left: 0;"">
				<strong>
				R$
				</strong>
			</td>
			<td width="30%" align="right" style="background: #FFEFEF; border: 1px solid #CFCFCF; border-top: 0; border-left: 0;">
				<strong>
				<span class="valor_sub_total">
				<?php echo Num::money($this->total); ?>
				</span>
				</strong>
			</td>
		</tr>
		<tr class="total-pagamento-realizado" style="display: none; color: green;">
			<td>
				Pagamento Realizado
			</td>
			<td style="background: #FFEFEF; border: 1px solid #CFCFCF; border-top: 0; border-left: 0;"">
				R$
			</td>
			<td align="right" style="background: #FFEFEF; border: 1px solid #CFCFCF; border-top: 0; border-left: 0;"">
				<span class="valor_total_desconto">
					<?php echo Num::money($this->total); ?>
				</span>
			</td>
		</tr>
		<tr style="display: none;" class="faltam-div">
			<td style="color: red;">
				Falta
			</td>
			<td style="background: #FFEFEF; color: red; border: 1px solid #CFCFCF; border-top: 0; border-left: 0;">
				R$
			</td>
			<td align="right" style="background: #FFEFEF; color: red; border: 1px solid #CFCFCF; border-top: 0; border-left: 0;">
				<span class="valor_total">
					0,00
				</span>
			</td>
		</tr>
	</table>
	
	<hr style="border-top: 1px dashed gray; margin-top: 5px; margin-bottom: 5px;" />

	<div>
		<div class="button ui-corner-all cancelar" style="text-align: center; float: left; padding: 20px; width: 201px;">
			<div style="position: absolute; margin-top: -9px; margin-left: -10px;">
				<img src="public/images/actions/delete.png" />
			</div>
			<b>Cancelar</b>
		</div>
		<div id="proximo_passo" class="button ui-corner-all" onclick="avancarFP();" style="text-align: center; padding: 20px; margin-left: 256px; width: 201px; background-color: #B5DCDF;">
			<b>Fechar Conta</b>
		</div>
	</div>
</div>

<script>
$(".cancelar").click(function(){$('#forma_pagamento').hide(); $('.bg_transp').hide(); $('.resumDiv').fadeOut('fast');});
</script>